<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<base href="/">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="keywords" content="" />
  <title></title>

  <!-- ========== Css Files ========== -->
  <link href="css/root.css" rel="stylesheet">

  </head>
  <body>
  <!-- Start Page Loading -->
  <!-- End Page Loading -->
  <div th:replace="TOP :: Top"></div>  <!-- TOP -->
  <!-- END TOP -->
  <div th:replace="LeftSide :: side"></div>  <!-- 侧边栏 -->
<!-- START CONTENT -->
<div class="content">

<!--  &lt;!&ndash; Start Page breadcrumbs &ndash;&gt;-->
<!--  <div class="page-header">-->
<!--      <ol class="breadcrumb">-->
<!--        <li><a href="index.html">Dashboard</a></li>-->
<!--        <li><a href="#">Forms</a></li>-->
<!--        <li class="active">Layouts</li>-->
<!--      </ol>-->

<!--   -->

<!--  </div>-->
  <!-- End Page breadcrumbs -->

  

 <!-- //////////////////////////////////////////////////////////////////////////// --> 
<!-- START CONTAINER -->
<div class="container-padding container-widget">


  
  <!-- Start Row -->
  <div class="row">

    <div class="col-md-12 col-lg-12">
      <div class="panel panel-default">

        <div class="panel-title">
            信息修改
          <ul class="panel-tools">
            <li><a class="icon minimise-tool"><i class="fa fa-minus"></i></a></li>
            <li><a class="icon expand-tool"><i class="fa fa-expand"></i></a></li>
            <li><a class="icon closed-tool"><i class="fa fa-times"></i></a></li>
          </ul>
        </div>

            <div class="panel-body">

              <!-- 开始表格 -->
<!--              model.addAttribute("LastName",cs.getRealname());-->
<!--              model.addAttribute("LastNickName",cs.getNickname());-->
<!--              model.addAttribute("LastPhone",cs.getCustomerservicephone());-->
<!--              model.addAttribute("LastGroup",cs.getServicegroup());-->
<!--              model.addAttribute("LastRole",cs.getServicerole());-->
              <form  action="/addForm" method="post" class="form-horizontal">

                <div class="form-group">
                  <label class="col-sm-2 control-label form-label">姓名</label>
                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="input11" name="realname" th:value="${LastName}">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-2 control-label form-label">网名</label>
                  <div class="col-sm-10">
                    <input type="text" class="form-control" name="nickname" th:value="${LastNickName}">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-2 control-label form-label">电话号码</label>
                  <div class="col-sm-10">
                    <input type="text" class="form-control" name="customerservicephone" th:value="${LastPhone}">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-2 control-label form-label">工作组</label>
                  <div class="col-sm-10">
                    <input type="text" class="form-control" id="input122" name="servicegroup" th:value="${LastGroup}">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-2 control-label form-label">职位</label>
                  <div class="col-sm-10">
                    <input type="text" class="form-control" name="servicerole" th:value="${LastRole}">
                  </div>
                </div>

                
<!--                <div class="form-group">-->
<!--                  <div class="col-sm-offset-2 col-sm-10 checkbox checkbox-primary padding-l-35">-->
<!--                    <input id="checkbox103" type="checkbox" checked>-->
<!--                    <label for="checkbox103">Remember me</label>-->
<!--                  </div>-->
<!--                </div>-->
                
                <div class="form-group">
                  <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-default">提交</button>
                  </div>
                </div>

              </form>
              <!-- 结束表格 -->
            </div>


      </div>
    </div>



  </div>
  <!-- End Row -->










</div>
<!-- END CONTAINER -->
 <!-- //////////////////////////////////////////////////////////////////////////// --> 




</div>
<!-- End Content -->
 <!-- //////////////////////////////////////////////////////////////////////////// --> 

<!-- //////////////////////////////////////////////////////////////////////////// --> 
<!--&lt;!&ndash; START SIDEPANEL &ndash;&gt;-->
<!--<div role="tabpanel" class="sidepanel">-->

<!--  &lt;!&ndash; Nav tabs &ndash;&gt;-->
<!--  <ul class="nav nav-tabs" role="tablist">-->
<!--    <li role="presentation" class="active"><a href="#today" aria-controls="today" role="tab" data-toggle="tab">TODAY</a></li>-->
<!--    <li role="presentation"><a href="#tasks" aria-controls="tasks" role="tab" data-toggle="tab">TASKS</a></li>-->
<!--    <li role="presentation"><a href="#chat" aria-controls="chat" role="tab" data-toggle="tab">CHAT</a></li>-->
<!--  </ul>-->

<!--  &lt;!&ndash; Tab panes &ndash;&gt;-->
<!--  <div class="tab-content">-->

<!--    &lt;!&ndash; Start Today &ndash;&gt;-->
<!--    <div role="tabpanel" class="tab-pane active" id="today">-->

<!--      <div class="sidepanel-m-title">-->
<!--        Today-->
<!--        <span class="left-icon"><a href="#"><i class="fa fa-refresh"></i></a></span>-->
<!--        <span class="right-icon"><a href="#"><i class="fa fa-file-o"></i></a></span>-->
<!--      </div>-->

<!--      <div class="gn-title">NEW</div>-->

<!--      <ul class="list-w-title">-->
<!--        <li>-->
<!--          <a href="#">-->
<!--            <span class="label label-danger">ORDER</span>-->
<!--            <span class="date">9 hours ago</span>-->
<!--            <h4>New Jacket 2.0</h4>-->
<!--            Etiam auctor porta augue sit amet facilisis. Sed libero nisi, scelerisque.-->
<!--          </a>-->
<!--        </li>-->
<!--        <li>-->
<!--          <a href="#">-->
<!--            <span class="label label-success">COMMENT</span>-->
<!--            <span class="date">14 hours ago</span>-->
<!--            <h4>Bill Jackson</h4>-->
<!--            Etiam auctor porta augue sit amet facilisis. Sed libero nisi, scelerisque.-->
<!--          </a>-->
<!--        </li>-->
<!--        <li>-->
<!--          <a href="#">-->
<!--            <span class="label label-info">MEETING</span>-->
<!--            <span class="date">at 2:30 PM</span>-->
<!--            <h4>Developer Team</h4>-->
<!--            Etiam auctor porta augue sit amet facilisis. Sed libero nisi, scelerisque.-->
<!--          </a>-->
<!--        </li>-->
<!--        <li>-->
<!--          <a href="#">-->
<!--            <span class="label label-warning">EVENT</span>-->
<!--            <span class="date">3 days left</span>-->
<!--            <h4>Birthday Party</h4>-->
<!--            Etiam auctor porta augue sit amet facilisis. Sed libero nisi, scelerisque.-->
<!--          </a>-->
<!--        </li>-->
<!--      </ul>-->

<!--    </div>-->
<!--    &lt;!&ndash; End Today &ndash;&gt;-->

<!--    &lt;!&ndash; Start Tasks &ndash;&gt;-->
<!--    <div role="tabpanel" class="tab-pane" id="tasks">-->

<!--      <div class="sidepanel-m-title">-->
<!--        To-do List-->
<!--        <span class="left-icon"><a href="#"><i class="fa fa-pencil"></i></a></span>-->
<!--        <span class="right-icon"><a href="#"><i class="fa fa-trash"></i></a></span>-->
<!--      </div>-->

<!--      <div class="gn-title">TODAY</div>-->

<!--      <ul class="todo-list">-->
<!--        <li class="checkbox checkbox-primary">-->
<!--          <input id="checkboxside1" type="checkbox"><label for="checkboxside1">Add new products</label>-->
<!--        </li>-->
<!--        -->
<!--        <li class="checkbox checkbox-primary">-->
<!--          <input id="checkboxside2" type="checkbox"><label for="checkboxside2"><b>May 12, 6:30 pm</b> Meeting with Team</label>-->
<!--        </li>-->
<!--        -->
<!--        <li class="checkbox checkbox-warning">-->
<!--          <input id="checkboxside3" type="checkbox"><label for="checkboxside3">Design Facebook page</label>-->
<!--        </li>-->
<!--        -->
<!--        <li class="checkbox checkbox-info">-->
<!--          <input id="checkboxside4" type="checkbox"><label for="checkboxside4">Send Invoice to customers</label>-->
<!--        </li>-->
<!--        -->
<!--        <li class="checkbox checkbox-danger">-->
<!--          <input id="checkboxside5" type="checkbox"><label for="checkboxside5">Meeting with developer team</label>-->
<!--        </li>-->
<!--      </ul>-->

<!--      <div class="gn-title">TOMORROW</div>-->
<!--      <ul class="todo-list">-->
<!--        <li class="checkbox checkbox-warning">-->
<!--          <input id="checkboxside6" type="checkbox"><label for="checkboxside6">Redesign our company blog</label>-->
<!--        </li>-->
<!--        -->
<!--        <li class="checkbox checkbox-success">-->
<!--          <input id="checkboxside7" type="checkbox"><label for="checkboxside7">Finish client work</label>-->
<!--        </li>-->
<!--        -->
<!--        <li class="checkbox checkbox-info">-->
<!--          <input id="checkboxside8" type="checkbox"><label for="checkboxside8">Call Johnny from Developer Team</label>-->
<!--        </li>-->

<!--      </ul>-->
<!--    </div>    -->
<!--    &lt;!&ndash; End Tasks &ndash;&gt;-->

<!--    &lt;!&ndash; Start Chat &ndash;&gt;-->
<!--    <div role="tabpanel" class="tab-pane" id="chat">-->

<!--      <div class="sidepanel-m-title">-->
<!--        Friend List-->
<!--        <span class="left-icon"><a href="#"><i class="fa fa-pencil"></i></a></span>-->
<!--        <span class="right-icon"><a href="#"><i class="fa fa-trash"></i></a></span>-->
<!--      </div>-->

<!--      <div class="gn-title">ONLINE MEMBERS (3)</div>-->
<!--      <ul class="group">-->
<!--        <li class="member"><a href="#"><img src="img/profileimg.png" alt="img"><b>Allice Mingham</b>Los Angeles</a><span class="status online"></span></li>-->
<!--        <li class="member"><a href="#"><img src="img/profileimg2.png" alt="img"><b>James Throwing</b>Las Vegas</a><span class="status busy"></span></li>-->
<!--        <li class="member"><a href="#"><img src="img/profileimg3.png" alt="img"><b>Fred Stonefield</b>New York</a><span class="status away"></span></li>-->
<!--        <li class="member"><a href="#"><img src="img/profileimg4.png" alt="img"><b>Chris M. Johnson</b>California</a><span class="status online"></span></li>-->
<!--      </ul>-->

<!--      <div class="gn-title">OFFLINE MEMBERS (8)</div>-->
<!--     <ul class="group">-->
<!--        <li class="member"><a href="#"><img src="img/profileimg5.png" alt="img"><b>Allice Mingham</b>Los Angeles</a><span class="status offline"></span></li>-->
<!--        <li class="member"><a href="#"><img src="img/profileimg6.png" alt="img"><b>James Throwing</b>Las Vegas</a><span class="status offline"></span></li>-->
<!--      </ul>-->

<!--      <form class="search">-->
<!--        <input type="text" class="form-control" placeholder="Search a Friend...">-->
<!--      </form>-->
<!--    </div>-->
<!--    &lt;!&ndash; End Chat &ndash;&gt;-->

<!--  </div>-->

<!--</div>-->
<!--&lt;!&ndash; END SIDEPANEL &ndash;&gt;-->
<!--&lt;!&ndash; //////////////////////////////////////////////////////////////////////////// &ndash;&gt; -->

<!-- Start Footer -->
<!--<div class="row footer">-->
<!--  <div class="col-md-6 text-left">-->
<!--  Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>-->
<!--  </div>-->
<!--  <div class="col-md-6 text-right">-->
<!--    -->
<!--  </div> -->
<!--</div>-->
  <div th:replace="fragment/Footer :: Footer"></div>
<!-- End Footer -->

<!-- ================================================
jQuery Library
================================================ -->
<script type="text/javascript" src="js/jquery.min.js"></script>

<!-- ================================================
Bootstrap Core JavaScript File
================================================ -->
<script src="js/bootstrap/bootstrap.min.js"></script>

<!-- ================================================
Plugin.js - Some Specific JS codes for Plugin Settings
================================================ -->
<script type="text/javascript" src="js/plugins.js"></script>

</body>
</html>